<template>
	<view>
		<view class="main-bg-color text-white p-4 d-flex a-end j-sb" style="height: 300rpx;">
			<view class="mb-3">
				<view class="font-lg">卖家已发货</view>
				<view class="font">还差8天10时自动确认收货</view>
			</view>
			<view class="iconfont icon-truck" style="font-size: 100rpx;"></view>
		</view>
		<view class="p-3 bg-white">
			<view class="text-light-muted font-md">
				<text class="font-lg text-dark mr-2">小正</text>
				15129847635
			</view>
			<view class="text-light-muted font-md">
				陕西省 韩城市 新城区 二环东路新兴产业示范基地
			</view>
		</view>
		<divider />
		<view class="px-2">
			<block v-for="(item,index) in order_items" :key="index">
				<order-list-item :item="item" :index="index"></order-list-item>
			</block>
		</view>
		<divider />
	</view>
</template>

<script>
	import orderListItem from "@/components/order/order-list-item.vue"
	export default {
		components:{
			orderListItem
		},
		data() {
			return {
				order_items:[
					{
						cover: "/static/images/demo/demo9.jpg",
						title: "小米9",
						price: "1999",
						attrs: "金色 标配",
						num: 2
					},
					{
						cover: "/static/images/demo/demo9.jpg",
						title: "小米9",
						price: "1999",
						attrs: "金色 标配",
						num: 2
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
